/*
 * Haiyu Zhang
 *
 * 2012-0310
 */

/**
 * Basic CSS2
 *
 * CSS, case insensitive.
 *
 * Syntax:
 *      selector {declaration1; declaration2; ... declarationN}
 *      selector {property: value}
 *
 * Selector:
 *      1. Decendant selector:
 *          li strong {
 *              font-style: italic;
 *              font-weight: normal;
 *          }
 *          <li><strong></strong></li>
 *
 *      2. id selector, #. id has to be unique cross a html:
 *          #red {color:red;}
 *          <p id="red">this paragraph is red</p>
 *
 *      3. Class selector, .(dot)
 *          .center {text-align: center}
 *
 *          .fancy td{}
 *          td.fancy {} for <td class="fancy">
 *
 *      4. Type selector, html, h1
 *
 *      5. Selector grouping,
 *          h2, p {}
 *
 *      6. Pseudo-classes
 *
 *          div > p:first-child {text-indent: 0}
 *          matches any p element that is the first child of a div element.
 *
 * External CSS
 *      <link rel="stylesheet" type="text/css" href="mystyle.css" />
 */

/* SETUP */

body {
    /*background: url(../img/bg/htmlbg.png) repeat;*/
    padding-top: 2.5em;
    background-color: #666;
    color: #333;
    min-height: 410px;
    overflow: hidden;
    font-size: 12px;
    font-family: "Verdana";
    /*font:12px/1.4em Verdana,sans-serif;*/
    cursor: default;
}
body, p {
    margin:0;
    padding:0;
    /*background:#092e20;*/
    /*background:rgb(0, 128, 65);*/
    color:default;
}
body, th, td {
    font:12px/1.4em Verdana,sans-serif;
}
a {
    color: #FFF;
    position: relative;
    right: %1;
    top: 5px;
}
.title {
    text-align: center;
}
.page {
    width: 600px;
    margin: 0, auto;
    padding: 1em 0 2em;
    background-color: #f4f39e;
    -moz-box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.2);
    position: relative;
}
/*
.page:after {
    width: 180px;
    height: 30px;
    content: " ";
    margin-left: -90px;
    border: 1px solid rgba(200, 200, 200, .8);
    background: rgba(254, 254, 254, .6);
    -moz-box-shadow: 0px 0 3px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 0 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0 3px rgba(0, 0, 0, 0.1);
    -moz-transform: rotate(-5deg); 
    -webkit-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    transform: rotate(-5deg);
    position: absolute;
    left: 50%;
    top: -15px;
}
*/
.page p {
    line-height: 2em;
    padding: 0 2em;
}
/*
input {
    margin: 0;
    padding: 0;
    text-align: left;
    vertical-align: center;
}
.input-wrap .input-icon {
  display: block;
  float: left;
  width: 16px;
  height: 16px;
  margin: 18px 0 0 15px;
}
label {
    font-size: 16px;
    text-align: left;
    vertical-align: center;
    padding: 5px;
    width: 100px;
    height: 32px;
    line-height: 32px;
    border: 0;
    outline: none;
}
.input-text {
  width: 200px;
  height: 32px;
  line-height: 32px;
  padding: 10px;
  border: 0;
  outline: none;
  font-size: 16px;
  color: #8F8F8F;
  z-index: 20;
}
.input-textarea {
  width: 400px;
  height: 200px;
  line-height: 32px;
  padding: 10px;
  border: 0;
  outline: none;
  position: absolute;
  font-size: 16px;
  color: #8F8F8F;
  z-index: 20;
}
#note-content {
    width: 400px;
    height: 100px;
    margin-bottom:5px;
}
*/

/*
body { font: 62.5% "Trebuchet MS", sans-serif; margin: 50px;}
*/
.demoHeaders { margin-top: 2em; }
#dialog_link {padding: .4em 1em .4em 20px;text-decoration: none;position: relative;}
#dialog_link span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;}
ul#icons {margin: 0; padding: 0;} 
ul#icons li {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left;  list-style: none;}
ul#icons span.ui-icon {float: left; margin: 0 4px;}

.button {
    margin: 20px;
}
.textarea {
    min-width: 400px;
    min-height: 100px;
    width: 400px;
    height: 100px;
    margin-bottom:5px;
}
